<template>
	<!-- 退款成功页面 -->
	<view class="pay">
		<view class="goodsinfo">
			<view class="ordernumber">
				订单号：1200302040125013502305
			</view>
			<view class="goodslistsss">
				<view class="image">
				<image src="../../static/order/luimg.png" style="width: 90px;height: 90px;"></image>
				</view>
						
				<view class="goodsname">
						<view  style="font-size: 14px">车载小鹿首饰架摆件鹿角树形耳钉首饰展示架耳环架手链饰品收纳首饰挂件</view>
						<view  style="font-size: 12px; color: #ccc;">￥13.00</view>
					
					</view>
				
				<view class="goodsprice">
				
					<view style="font-size: 14px;margin-top: 10px;"> x1 </view>
				</view>
				
			</view>
			<view class="total">
			      <view class="totalprice">
				共1件商品， 总金额：<text style="color:red">¥13.00 </text>
				  </view>
			  </view>   
		</view>
		<image src="../../static/order/oderlog.png" 
		style="width:50px;height: 50px;position: relative;top:-180px;left:300px;"></image>
		
		<view style="text-align: center;">
			我也是有底线的
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				
			}
		}
		
	}
</script>

<style lang="scss">
	.pay{
		height: 100vh;
		background-color: #efefef;
		padding-top: 10px;
	}
	.goodsinfo {
		margin: auto;
		width: 90%;
		
		text-align: center;
		padding: 10px;
		background-color: white;
		border-radius: 10px;
	
		.image {
			flex: 1;
	
			img {
				width: 40px;
				height: 60px;
			}
		}
	
		.goodsname {
			text-align: left;
			flex: 3;
			font-size: 16px;
			padding: 10px 10px;
	
		}
	
		.goodsprice {
			flex: 1;
			font-size: 14px;
			color: #c6c6c6;
		}
	
	}
	.goodslistsss{
		display: flex;
	}
	.total{
		margin-top: 20px;
		padding-left: 100px;
		display: flex;
	}
	.ordernumber{
		margin: 10px 0px;
		font-size: 16px;
		padding-bottom: 10px;
		border-bottom: 1px #ccc solid;
	}
	
</style>
